<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      lang="en-us"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

    <title> 新闻后台管理 </title>
    <meta name="description" content=""/>
    <meta name="author" content=""/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/bootstrap.min.css"
          th:href="@{/resources/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/font-awesome.min.css"
          th:href="@{/resources/css/font-awesome.min.css}"/>

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/smartadmin-production-plugins.min.css"
          th:href="@{/resources/css/smartadmin-production-plugins.min.css}"/>
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/smartadmin-production.min.css"
          th:href="@{/resources/css/smartadmin-production.min.css}"/>
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/smartadmin-skins.min.css"
          th:href="@{/resources/css/smartadmin-skins.min.css}"/>

    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="../../static/css/smartadmin-rtl.min.css"
          th:href="@{/resources/css/smartadmin-rtl.min.css}"/>

    <!-- FAVICONS -->
    <link rel="shortcut icon" href="../../static/img/favicon/favicon.ico" type="image/x-icon"
          th:href="@{/resources/img/favicon/favicon.ico}"/>
    <link rel="icon" href="../../static/img/favicon/favicon.ico" type="image/x-icon"
          th:href="@{/resources/img/favicon/favicon.ico}"/>

</head>

<body class="">

<!-- HEADER -->
<header id="header">
    <div id="logo-group">

        <!-- PLACE YOUR LOGO HERE -->
        <span id="logo"><a th:href="@{/}"> <img th:src="@{/resources/img/logo.png}" alt="logo"/></a></span>
        <!-- END LOGO PLACEHOLDER -->

    </div>

    <!-- pulled right: nav area -->
    <div class="pull-right">

        <!-- fullscreen button -->
        <div id="fullscreen" class="btn-header transparent pull-right">
            <span> <a href="javascript:void(0);" data-action="launchFullscreen" title="全屏"><i
                    class="fa fa-arrows-alt"></i></a> </span>
        </div>
        <!-- end fullscreen button -->

    </div>
    <!-- end pulled right: nav area -->

</header>
<!-- END HEADER -->

<!-- MAIN PANEL -->
<div id="" role="main">

    <!-- RIBBON -->
    <div id="ribbon">

        <!-- 刷新页面 -->

        <!-- breadcrumb -->
        <ol class="breadcrumb">
            <i class="fa fa-arrow-right"></i>
            <li class="fa fa-lg">添加栏目</li>
        </ol>

    </div>
    <!-- END RIBBON -->

    <!-- MAIN CONTENT -->
    <div id="content">

        <!-- widget grid -->
        <section id="widget-grid" class="">

            <!-- row -->
            <div class="row">

                <article class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-6 col-lg-offset-3">

                    <!-- Widget ID (each widget will need unique ID)-->
                    <div class="jarviswidget jarviswidget-color-green" id="wid-id-0" data-widget-colorbutton="false"
                         data-widget-editbutton="false" data-widget-deletebutton="false"
                         data-widget-custombutton="false">

                        <header>
                            <span class="widget-icon"> <i class="fa fa-info-circle"></i></span>
                            <h2>新增频道</h2>

                        </header>

                        <!-- widget div-->
                        <div>

                            <!-- widget content -->
                            <div class="widget-body no-padding">

                                <form class="smart-form" id="appendForm">
                                    <header>
                                        频道信息
                                    </header>

                                    <fieldset>
                                        <div class="row">
                                            <section class="col col-3">
                                                <label class="label font-lg">频道名称：</label>
                                                <input class="text font-md" id="title" name="title"/>
                                                </label>
                                            </section>
                                            <section class="col col-3">
                                                <label class="label font-lg">频道类型：</label>
                                                <input class="text font-md" id="type" name="type"/>
                                                </label>
                                            </section>
                                        </div>
                                    </fieldset>

                                    <footer>
                                        <!-- 保存按钮 -->
                                        <button type="button" id="save_btn" href="javascript:" class="btn btn-primary">
                                            <i class="fa fa-save"></i>
                                            保存
                                        </button>
                                        <!-- 返回按钮 -->
                                        <button type="button" id="back_btn" onclick="javascript:history.back();"
                                                class="btn btn-danger">
                                            <i class="fa fa-save"></i>
                                            返回
                                        </button>
                                    </footer>

                                </form>

                            </div>
                            <!-- end widget content -->

                        </div>
                        <!-- end widget div -->

                    </div>
                    <!-- end widget -->

                </article>

            </div>

            <!-- end row -->

        </section>
        <!-- end widget grid -->
    </div>
    <!-- END MAIN CONTENT -->

</div>
<!-- END MAIN PANEL -->

<!-- PAGE FOOTER -->
<div class="page-footer">
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <span class="txt-color-white">南昌华东文武学校</span>
        </div>

    </div>
</div>
<!-- END PAGE FOOTER -->


<!--================================================== -->

<script src="../../static/js/libs/jquery-2.1.1.min.js" th:src="@{/resources/js/libs/jquery-2.1.1.min.js}"></script>

<script src="../../static/js/libs/jquery-ui-1.10.3.min.js"
        th:src="@{/resources/js/libs/jquery-ui-1.10.3.min.js}"></script>

<!-- IMPORTANT: APP CONFIG -->
<script src="../../static/js/app.config.js" th:src="@{/resources/js/app.config.js}"></script>

<!-- BOOTSTRAP JS -->
<script src="../../static/js/bootstrap/bootstrap.min.js" th:src="@{/resources/js/bootstrap/bootstrap.min.js}"></script>

<!-- JARVIS WIDGETS -->
<script src="../../static/js/smartwidgets/jarvis.widget.min.js"
        th:src="@{/resources/js/smartwidgets/jarvis.widget.min.js}"></script>

<!-- JQUERY VALIDATE -->
<script src="../../static/js/plugin/jquery-validate/jquery.validate.min.js"
        th:src="@{/resources/js/plugin/jquery-validate/jquery.validate.min.js}"></script>

<!-- JQUERY MASKED INPUT -->
<script src="../../static/js/plugin/masked-input/jquery.maskedinput.min.js"
        th:src="@{/resources/js/plugin/masked-input/jquery.maskedinput.min.js}"></script>

<!-- JQUERY SELECT2 INPUT -->
<script src="../../static/js/plugin/select2/select2.min.js"
        th:src="@{/resources/js/plugin/select2/select2.min.js}"></script>

<!--[if IE 8]>

<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

<![endif]-->

<!-- MAIN APP JS FILE -->
<script src="../../static/js/app.min.js" th:src="@{/resources/js/app.min.js}"></script>


<!-- PAGE RELATED PLUGIN(S) -->
<script th:inline="javascript">
    /*<![CDATA[*/

    // DO NOT REMOVE : GLOBAL FUNCTIONS!
    $(document).ready(function () {

        var channel_id;
        /*[+
         channel_id = [[${channel_id}]];
         +]*/


        pageSetUp();

        localStorage.clear();

    });


    /*]]>*/

</script>


</body>

</html>